<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<div class="container">
    <div class="page-header">
        <div class="pull-left"><img src="<c:url value='/img/whoisbetter.jpg'/>" alt="dreams time free" width="100" height="100" /></div>
        <h1>Por favor registra tus datos</h1>
    </div> <!-- /page header -->
    <h1></h1>

    <br />
    <form:form action="RegistrarCuenta" method="post" commandName="usuario" class="form-horizontal form-actions">
        <div class="control-group">
            <label class="control-label" for="cuentaMail">Cuenta de email</label>
            <div class="controls">
                <form:input type="text" id="cuentaMail" path="correo" class="input-xxlarge" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="Name">Nombre</label>
            <div class="controls">
                <form:input type="text" id="Name" path="nombre" class="input-xxlarge" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="aPaterno">Apellido Paterno</label>
            <div class="controls">
                <form:input type="text" id="aPaterno" path="apellidoPaterno" class="input-xxlarge" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="aMaterno">Apellido Materno</label>
            <div class="controls">
                <form:input type="text" id="aMaterno" path="apellidoMaterno" class="input-xxlarge" />
            </div>
        </div>		
        <div class="control-group">
            <label class="control-label" for="password">Password</label>
            <div class="controls">
                <form:input type="password" id="password" path="clave" class="input-large" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="passwordCnf">Confirme password</label>
            <div class="controls">
                <form:input type="password" id="passwordCnf" path="claveCnf" class="input-large" />
            </div> 
        </div>
        <div class="actions" style="margin-left: 180px;">
            <input name="" value="Registrar Cuenta" type="submit" class="btn btn-primary">
            <label style="color:red" >${msg}</label>
        </div> 
    </form:form>

</div> <!-- /container -->

<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<c:url value='/js/jquery/jquery.js'/>"></script>
<script src="<c:url value='/js/jquery/jquery-ui.js'/>"></script>
<script src="<c:url value='/js/jquery/jquery.numericupdown.js'/>"></script>
<script src="<c:url value='/js/bootstrap-modal.js'/>"></script>
<script src="<c:url value='/js/bootstrap-dropdown.js'/>"></script>

